<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
    <head>
    	<title>
    		Le mie prenotazioni
    	</title>
    	
    	<meta name="author" content="Lorenzo Visentin" />
    	
    	<meta http-equiv="Content-type" content="text/html" />
	    <link rel="shortcut icon" href="css/images/favicon.ico" />
	    <link rel="stylesheet" href="css/style_global.css" type="text/css" media="all" />
	    <link rel="stylesheet" href="css/style_prenota_posti.css" type="text/css" media="all" />
        <script type="text/javascript" src="jQuery/jquery-1.9.1.min.js"></script>        
    </head>
    <body>
        <div id="wrapper">
        <h1 id="logo"><a href="index.jsp" title="Hesperia.com" ></a></h1>
        <!-- MENU -->
        <jsp:include page="login_menu.jsp"/>
		<jsp:include page="nav_menu.jsp"/>
        <!-- End MENU -->
        <div class="shell">
            <!-- Main -->
            <div id="main">
                <!-- Box-Holder-->
                <div class="box-holder">
	                <div class="box-top"></div>
		                <div class="box">
		                	<div class="prenotazioneHolder">
			                	<div id="infoPrenotazioni">
			                		<div id="messaggioErrore"></div>
						        </div>
							</div>
							
					        <script type="text/javascript">
					        	<% Object idUtenteJsp = session.getAttribute("id_utente"); %>
					        	var obj = {}
								obj.propertyName = "getDettagliPrenotazioni";
								obj.method = function() {
									<jsp:include page="../getPrenotazioniUtente" />
								};
								
								var dettagliPrenotazioni = obj.method();
								
								var contenutoDettagli = "";
								if (dettagliPrenotazioni.length == 0) {
									contenutoDettagli += "<p class=\"prenotazioniTitolo\">Non hai effettuato alcuna prenotazione.</p>";
								} else {
									for (var i = 0; i < dettagliPrenotazioni.length; i++) {
										contenutoDettagli += "<p class=\"prenotazioniTitolo\">Titolo dell'evento: " + dettagliPrenotazioni[i][0] + "</p>";
										contenutoDettagli += "<p class=\"prenotazioniNonTitolo\">Data e ora dello spettacolo: " + dettagliPrenotazioni[i][1] + "</p>";
										contenutoDettagli += "<p class=\"prenotazioniNonTitolo\">Sede: " + dettagliPrenotazioni[i][2] + "</p>";
										contenutoDettagli += "<p class=\"prenotazioniNonTitolo\">Sala: " + dettagliPrenotazioni[i][3] + "</p>";
										contenutoDettagli += "<p class=\"prenotazioniNonTitolo\">Posti: " + dettagliPrenotazioni[i][4] + "</p>";
										contenutoDettagli += "<form><input class=\"pulsante\" id=\"cancella" + i + "\" type=\"button\" value=\"Cancella prenotazioni non pagate\"></input>";
										contenutoDettagli += "<input class=\"pulsante\" id=\"stampa" + i + "\" type=\"button\" value=\"Stampa biglietti\"></input></form>";
									}
								}
								$("#infoPrenotazioni").html(contenutoDettagli);
								
								
								/* Azione alla pressione di un pulsante */
								$(".pulsante").click(function() {
									
									for (var i = 0; i < dettagliPrenotazioni.length; i++) {
										/* Azione alle pressione di un un pulsante di cancellazione di una prenotazione */
										if ($(this).attr("id") == "cancella" + i) {
											$.get("../cancellaPrenotazione", {codiceSpettacolo:dettagliPrenotazioni[i][5]}, function(cancella) {
												if (cancella == "Success") {
													location.reload(true);
												} else {
													$("#messaggioErrore").html(completaAbbonamento);
												}
											});
										}
										/* Azione alle pressione di un un pulsante di stampa di una prenotazione */
										if ($(this).attr("id") == "stampa" + i) {
											window.open("../print-biglietti?spettacolo=" + dettagliPrenotazioni[i][5]);	
										}
									}
								});
					        </script>
				    	</div>
	                <div class="box-bottom"></div>
                    <!-- End Box-Holder -->
                </div>
                <!-- End Main -->
            </div>
            <!-- Footer -->
			<jsp:include page="footer.html"/>
            <!-- end Footer -->
        </div>
        </div>
    </body>
</html>
